<!--底部tabbar部分-->
<div class="tabbar">
  <ul>
    <li>
      <a href="{:url('Index/index')}" class="active">
        <p>
          <img class="default" src="/html/static/images/tabbar_0.png" />
          <img class="on" src="/html/static/images/tabbar_0_on.png" />
        </p>
        <span>首页</span>
      </a>
    </li>
    <li>
      <a href="{:url('Goods/product')}">
        <p>
          <img class="default" src="/html/static/images/tabbar_1.png" />
          <img class="on" src="/html/static/images/tabbar_1_on.png" />
        </p>
        <span>商品分类</span>
      </a>
    </li>
    <li>
      <a href="{:url('Goods/cart')}">
        <p>
          <img class="default" src="/html/static/images/tabbar_2.png" />
          <img class="on" src="/html/static/images/tabbar_2_on.png" />
        </p>
        <span>购物车</span>
      </a>
    </li>
    <li>
      <a href="{:url('Member/center')}">
        <p>
          <img class="default" src="/html/static/images/tabbar_3.png" />
          <img class="on" src="/html/static/images/tabbar_3_on.png" />
        </p>
        <span>我的</span>
      </a>
    </li>
  </ul>
</div>
<script>
  $('.tabbar ul a').click(function(){
    $(this).parent('li').siblings('li').find('a').removeClass('active');
    $(this).addClass('active');
  });
</script>
<!--底部tabbar部分-->
</body>
</html>